<template>
    <div class="body">
        <div class="config">
            <p class="title">《配送员协议》</p>
            <p v-for="(item,index) of deliveryConfig" :key="index" class="item">
                {{item}}
            </p>
        </div>
    </div>
</template>
<script>
import {getConfig} from '../api'
export default {
    data() {
        return {
            deliveryConfig:[]
        }
    },
    created(){
        this.GetConfig();
    },
    methods:{
        GetConfig(){
            getConfig().then(res=>{
                console.log(res);
                this.deliveryConfig = (res.data.data.value).split('<br/>')
            })
        }
    }
}
</script>
<style scoped>
    .body{
        background:#eee;
        height: Calc(100vh - 3rem);
    }
    .body::before{
        display:table;
        content: ""
    }
    .config{
        width: 80%;
        min-height:40%;
        max-height: 80%;
        overflow: auto;
        background:#fff;
        margin:10% auto;
        border-radius:10px;
        padding: 1rem;
    }
    .title{
        text-align:center;
        line-height:4rem;
        font-size:1.5rem;
        font-weight:bolder;
    }
    .item{
        font-size:1.2rem;
    }
</style>